PROFESSIONAL SUMMARY
Frontend Engineer and Software Engineering student at Telkom University Purwokerto specializing in modern web interfaces, responsive design systems, and AI-powered automation. Hands-on experience developing performant web applications with TypeScript, Next.js (App Router), React, and Tailwind CSS, coupled with building custom automation bots and scripting workflows via Python, Node.js, and LLM APIs. Adept at turning Figma UI/UX designs into production code while automating repetitive backend and data pipelines.
TECHNICAL ARSENAL
Frontend & Web:
TypeScript, JavaScript (ES6+), Next.js (App Router), React.js, Tailwind CSS, HTML5/CSS3, Responsive UI/UX, Flutter
AI & Bot Automation:
LLM APIs, Python Scripting, Node.js Bot Development, Webhooks, Prompt Engineering, Function Calling
Backend & Data Basics:
NestJS, Laravel, PostgreSQL, MySQL, Neon DB, RESTful APIs, Git/GitHub, Vercel
UI/UX & Design Systems:
Figma, Design Tokens, Component Libraries, Interactive Prototyping, Wireframing, User Flows
Tooling & Testing:
Postman, Bash/Shell Scripting, Black Box Testing (100% Pass Rate Benchmark), User Acceptance Testing (UAT)
WORK & INTERNSHIP EXPERIENCE
- Steered the design-to-frontend pipeline for "Titik Visual", architecting 13+ responsive, conversion-optimized landing pages.
- Crafted comprehensive multi-role UI/UX systems for "Nebeng" ride-sharing platform across 4 personas to eliminate user friction.
- Authored modular Figma UI kits and specifications, collaborating directly with engineering teams to ensure 100% pixel-perfect implementation.
FLAGSHIP FRONTEND, AI & SCRIPTING PROJECTS
- Engineered an administrative web dashboard featuring real-time report feeds and dynamic incident status tracking.
- Integrated Google Maps API to create an interactive spatial map visualization for incident clusters, speeding up official triage by 50%.
- Connected client interfaces with AI categorization endpoints; executed 32 Black Box test scenarios with a 100% pass rate.
- Directed a development team as Project Lead, orchestrating client requirements, sprint milestones, and production delivery across multiple web repositories.
- Designed in Figma and developed "Londri-Admin", an administrative dashboard featuring order lifecycle management, status workflows, and revenue reporting.
- Engineered "Laundry Central" commercial company profile and interactive landing interfaces, achieving responsive UI performance and pixel-perfect design fidelity.
- Engineered custom automated bots and scripts leveraging Python and Node.js integrated with LLM APIs to handle autonomous data parsing, content generation, and messaging event triggers.
- Built lightweight frontends in Next.js to provide interactive control panels for monitoring bot execution logs and managing automation parameters.
- Implemented robust error-handling, webhook listeners, and API rate-limit management for reliable script execution.
EDUCATION
• Relevant Focus: Web Programming, Human-Computer Interaction (HCI), Artificial Intelligence, Scripting & Automation.
• Active in developing AI-powered automation bots, script-driven workflow tools, and modern frontend interfaces.